#{extends 'tags/layouts/main.html' /}
#{set title:'Profile' /}

#{set 'moreStyles'}
    <link rel="stylesheet" media="screen" href="@@{'/public/css/site/news.css'}">
#{/set}

<!-- begin post -->
<ul class="post">
    
    #{list items:news, as:'updates'}
    <li>
        <!-- begin post-body -->
        <div class="post-body">
            <div class="post-header">
                <span class="userimage"><img src="${updates.photo}" alt=""></span>
                <span class="username"><a href="@@{Profile.index(updates.user_id)}">${updates.firstname} ${updates.lastname}</a> <small></small></span>
                *{<span class="pull-right text-muted">18 Views</span>}*
            </div>
            <div class="post-content">
                <p>${updates.update}</p>
            </div>
            <div class="post-footer">
                <a href="javascript:;" class="m-r-15"><i class="fa fa-thumbs-up fa-fw"></i> Like</a>
                <a href="javascript:;"><i class="fa fa-comments fa-fw"></i> Comment</a>
            </div>
            <a class="jscroll-next" href=""></a>
        </div>
        <!-- end post-body -->
    </li>
    #{/list}
    *{
    <li>
        <!-- begin post-body -->
        <div class="post-body">
            <i class="fa fa-spinner"></i> Loading...
        </div>
        <!-- begin post-body -->
    </li>
    }*
</ul>

<div id="subpost">
    <!-- begin post-body -->
    <div class="post-body">
        <div class="post-header">
            <span class="userimage"></span>
            <span class="username"></span>
        </div>
        <div class="post-content"></div>
        <div class="post-footer">
            <a href="javascript:;" class="m-r-15"><i class="fa fa-thumbs-up fa-fw"></i> Like</a>
            <a href="javascript:;"><i class="fa fa-comments fa-fw"></i> Comment</a>
        </div>
    </div>
    <!-- end post-body -->
</div>
<!-- end post -->

#{set 'moreScripts'}
    <script src="@@{'/public/js/jquery/jquery.jscroll.js'}" type="text/javascript" charset="${_response_encoding}"></script>
    <script src="@@{'/public/js/site/news.js'}" type="text/javascript" charset="${_response_encoding}"></script>
#{/set}